@import "_base.scss";
@import "faxian.scss";
body{
    width: vw(750);
    height: vw(1366);
    // background-color: red;
   
}
.classification_top{
    width: vw(725);
    height: vw(80);
    // background-color: pink;
    margin:auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    .classification_column{
        width: vw(704);
        height: vw(60);
        // background-color: skyblue;
        display:flex;
        justify-content:space-between;
      .column_center{
          width: vw(159);
          height: vw(56);
        //   background-color: pink;
          display: flex;
          a{
              width: vw(123);
              height: vw(50);
              display:block;
              text-decoration: none;
              text-align:center;
              line-height: vw(57);
              
              border-color:#ff9344; 
              border: solid 2px #ff9344;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
    border-radius:vw(20);
    
          }
          span{
            font-family: MicrosoftYaHei;
            font-size: vw(26);
            color: #000000;
            line-height: vw(57);
            margin:auto;
          }
      }
    }
    
    .column_center_1{
        width: vw(159);
        height: vw(56);
        // background-color: pink;
        display: flex;
        
	    font-family: MicrosoftYaHei;
	    font-size: vw(26);
	    color: #000000;
        justify-content:space-around;
        align-items: center;
        img{
            width: vw(52);
            height: vw(50);
        }
    }
}
.classification_picture{
    width: vw(704);
    height: vw(260);
    margin:auto;
    // background-color: yellow;
}
.swiper-container {
    width: vw(700);
    height: vw(260);
} 
.a {
    // background-color: aqua;
    display:flex;
    justify-content:space-around;
   
    text-align:center;
    .tu_neirong{
        width: vw(750);
        height: vw(260);
    }
    img{
        width: 100%;
        height: 100%;
    }
}
.b {
    // background-color: pink;
    @extend .a
}
.c {
    // background-color: purple;
    @extend .a
}
.purchase{
    width: vw(705);
    height: vw(60);
    // background-color: pink;
    margin:auto;
    margin-top: vw(10);
    display: flex;
    justify-content:space-between;
    span{
	font-family: MicrosoftYaHei;
	font-size: vw(72);
	color: #ff9344;
    }
    a{
    display: block;
    width: vw(111);
	height:vw(59);
    line-height: vw(59);
    text-decoration: none;
    text-align: center;
	background-color: #ff9344;
	border-radius: vw(20);
	border: solid vw(2) #ff9344;
    font-family: MicrosoftYaHei;
	font-size: vw(30);
	color: #ffffff;
    }
}
.praise{
    width: vw(705);
    height: vw(60);
    // background-color: skyblue;
    margin:auto;
    display:flex;
    justify-content:space-between;
    margin-top: vw(30);
}
.praise_1{
    width: vw(220);
    height: vw(50);
    // background-color: red;
    gap:vw(20);
    img{
    width: vw(38);
    height: vw(36);
    }
    span{
	
    }
}
.praise_2{
    width: vw(170);
    height: vw(50);
    // background-color: red;
    display:flex;
    span{
        font-family: MicrosoftYaHei;
        font-size: vw(26);
        color: #8e8e8e;
        line-height:vw(50);
    }
}
.apply{
    width: vw(705);
	height: vw(67);
	background-color: #ff9344;
    display: flex;
    justify-content: space-between;
    margin:auto;
    align-items: center;
    span{
	font-family: MicrosoftYaHei;
	font-size: vw(30);
	color: #ffffff;
    }
}
.shop_content{
    width: vw(664);
	height: vw(176);
    // background-color: pink;
    margin:auto;
    display: flex;
    margin-top: vw(15);
    flex-wrap: wrap;
    .shop_logo{
        width: vw(177);
        height: vw(176);
        background-image: url(../产品详情/图层2.png);
        background-size: cover;
        display: flex;
       
        .shop_logo_1{
            width: vw(177);
            height: vw(39);
            background-color: #ffffff;
            opacity: 0.67;
            margin-top: vw(91);
            text-align: center;
            span{
	font-family: MicrosoftYaHei;
	font-size: vw(24);
	color: #000000;
    
            }
        }
    }
    .shop_text{
        width: vw(260);
	height: vw(176);
    // background-color: skyblue;
    margin-left: vw(30);
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    .text_1{
        width: vw(300);
        height: vw(31);
        // background-color: red;
        font-family: MicrosoftYaHei;
            font-size: vw(30);
            color: #000000;
    }
    .text_2{
        width: vw(290);
        height: vw(31);
        // background-color: red;
        display:flex;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #929292;
    line-height: vw(31);
        img{
            width:vw(34);
            height: vw(34);
        }
    }
    .text_3{
        width: vw(270);
        height: vw(31);
        // background-color: red;  
	font-family: MicrosoftYaHei;
	font-size: vw(24);
	color: #929292;
    display:flex;
        line-height: vw(31);
    }
    .text_4{
        width: vw(270);
        height: vw(31);
        // background-color: red;
        display:flex;
        line-height: vw(31);
	font-family: MicrosoftYaHei;
	font-size: vw(20);
	color: #ff9344;
    }
    }
    .shop_a{
    width: vw(111);
	height: vw(59);
	background-color: #ff9344;
	border-radius: vw(20);
	border: solid vw(2) #ff9344;
    line-height: vw(59);
    text-align: center;
    margin-left: vw(70);
    align-items: center;
    margin-top: vw(60);
    }
    a{
        text-decoration: none;
	font-family: MicrosoftYaHei;
	font-size: vw(30);
	color: #ffffff;
    }
}
.shop_content_2{
    
    @extend .shop_content;
    .shop_logo{
        width: vw(177);
        height: vw(176);
        background-image: url(../产品详情/图层3.png);
        background-size: cover;
        display: flex;
    }
    
    
}
.shop_content_3{
   
    @extend .shop_content;
    .shop_logo{
        width: vw(177);
        height: vw(176);
        background-image: url(../产品详情/图层4.png);
        background-size: cover;
        display: flex;
    }
}

footer{
    width: vw(750);
    height: vw(150);
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    position:fixed;
        position:start;
        bottom:0;
        z-index:10;
    .bottom_classification{
         width: vw(652);
         height: vw(107);
        //  background-color: pink;
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         text-align: center;
	font-family: MicrosoftYaHei;
	font-size: vw(26);
	color: #000000;
         img{
             width: 100%;
             height: 100%;
         }
        }
        .classification_center{
            width: vw(75);
            height: vw(100);
            // background-color: red;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
}